<template>
  <div style="padding: 5%;">

    <h3>我的收藏</h3>
    <el-row v-if="Collect.length > 0">
      <el-col v-for="(item, index) in Collect " :key="index" :span="6">
        <goods :goods="item"></goods>
      </el-col>
    </el-row>
    <div v-else style=" display: flex; align-items: center; justify-content: center;">
      <img src="@/assets/收藏.gif" alt="" srcset="" style="width: 500px; height: 500px;">
    </div>
  </div>
</template>

<script>
import goods from '@/components/index/goods.vue';
import { showCollect } from '@/api';
export default {
  name: 'KodaiCollectProduct',

  data () {
    return {
      Collect: []
    };
  },

  mounted () {
    showCollect().then(res => {
      this.Collect = res.data.data
    })
  },

  methods: {

  },
  components: {
    goods
  }
};
</script>

<style lang="scss" scoped></style>